<template>
  <!-- 设置权限 -->
  <div class="border-t border-b pad-10">
    <el-tree
      :data="permissionList"
      show-checkbox
      :expand-on-click-node="false"
      node-key="permissionId"
      ref="permissionTree"
      :check-strictly="checkStrictly"
      highlight-current
      :default-checked-keys="rolePermissions"
      :props="defaultProps"
      @check-change="onCheckChange">
    </el-tree>
  </div>
</template>

<script>
  export default {
    props: {
      permissionList: Array[Object]
    },
    data() {
      return {
        rolePermissions: [],
        checkStrictly: true,
        defaultProps: {
          children: 'children',
          label: 'label'
        }
      }
    },
    // 初始化页面
    created() {
      // 加载树组件时，默认父子不关联（避免数据被全选），2秒后，设置树节点父子互相关联，实现勾选父节点时自动勾选子节点的功能。
      setTimeout(() => {
        this.checkStrictly = false
      }, 2000)
    },
    methods: {
      onCheckChange(node, checked) {
      }
    }
  }
</script>

<style scoped>

</style>